﻿@model JPSOFTWARE.BON.Modelos.DistribuidoraView
@{
    ViewBag.Title = "Bebida Social - Gerenciar Distribuidoras";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="@Url.Content("~/Scripts/DataTables-1.9.4/media/css/jquery.dataTables.css")" type="text/css" rel="stylesheet" />
<link href="@Url.Content("~/Content/bootstrap/css/DT_bootstrap.css")" type="text/css" rel="stylesheet" />
<script src="@Url.Content("~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/DT_bootstrap.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/GestaoDistribuidora/Distribuidora.js")" type="text/javascript"></script>
@Html.Hidden("actionCarregarDistribuidoras", Url.Action("CarregarDistribuidoras", "Distribuidora"))
@Html.Hidden("actionAlterarSituacaoDistribuidora", Url.Action("AlterarSituacaoDistribuidora", "Distribuidora"))
<script type="text/javascript">
    $(document).ready(function () {
        $('#tabelaDistribuidora').dataTable({
            "bStateSave": true,
            "bJqueryUI": true,
            "bRetrieve": true,
            "bLengthChange": true,
            "bFilter": true,
            "bSort": true,
            "bAutoWidth": false,
            "iDisplayLength": 15,
            "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
            "sPaginationType": "bootstrap",
            "oLanguage": {
                "sLengthMenu": "_MENU_ registros por página",
                "sInfoFiltered": "(filtrado de _MAX_ registros no total)",
                "sInfo": "Mostrando de <b>_START_</b> até <b>_END_</b> de <b> _TOTAL_</b> registros",
                "sZeroRecords": "Registro não encontrado.",
                "sInfoEmpty": "Mostrando de 0 até 0 de 0 registros",
                "sSearch": "Pesquisa:",
                "sProcessing": "Processando...",
                "sInfoFiltered": "(filtrado de _MAX_ registros no total)",
                "oPaginate":
        {
            "sFirst": "Primeiro",
            "sPrevious": "Anterior",
            "sNext": "Próximo",
            "sLast": "Último"
        }
            }
        });
        CarregarDistribuidoras();
        $('body').tooltip({
            selector: '[rel=tooltip]'
        });
    });    
</script>
<div class="box-head">
    <h3>
        Lista de Distribuidoras</h3>
</div>
<div class="box-content">
    <div class="content-inner">
        <div id="divTabelaDistribuidora" class="dataTables_wrapper form-inline">
            <table id="tabelaDistribuidora" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>
                            CNPJ
                        </th>
                        <th>
                            Distribuidora
                        </th>
                        <th style="width: 100px;">
                            Bairro
                        </th>
                        <th style="width: 120px;">
                            Cidade
                        </th>
                        <th style="width: 20px;">
                            Status
                        </th>
                        <th style="width: 15px;">
                        </th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
